
.loader {
  position: relative;
  padding: 4px 0;

  .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--euiTextSubduedColor);
    animation: bounce 1s linear infinite;

    &:not(:last-child) {
      margin-right: 3px;
    }

    &:nth-child(2) {
      animation-delay: .25s;
    }

    &:nth-child(3) {
      animation-delay: .5s;
    }

  }
}


@keyframes bounce {
  0%, 40%, 100% {
    transform: initial;
  }

  20% {
    transform: translateY(-4px);
  }
}
